import "./hot_product.less"

const arr = [
    {
        name: '新产品',
        text: '蒂业生物专注于生物医药领域产品的开发，产品涉及虾蟹营养平衡、水质管理等多方面的应用。',
        images: [
            await import('@/assets/images/hot_product/1.jpg'),
            await import('@/assets/images/hot_product/2.jpg'),
            await import('@/assets/images/hot_product/3.jpg'),
            await import('@/assets/images/hot_product/4.jpg')
        ]
    },
    {
        name: 'GMP兽药系列产品',
        text: '蒂业生物兽药系列产品是我们专注研发的一系列高质量水生生物药品。这些产品涵盖了多种生物保健领域，旨在为养殖业提供可靠的解决方案，保障动物健康和产业发展。我们的兽药产品经过严格的科研与生产流程，保证了其质量和安全性。同时，我们还致力于持续创新，以满足不同动物品种和疾病的需求，为养殖业提供更全面、专业的保健服务。我们坚信，通过蒂业生物兽药系列产品，将为养殖业的可持续发展贡献力量',
        images: [
            await import('@/assets/images/hot_product/5.jpg'),
            await import('@/assets/images/hot_product/6.jpg'),
            await import('@/assets/images/hot_product/7.jpg'),
            await import('@/assets/images/hot_product/8.jpg')
        ]
    },
    {
        name: '固态预混料系列产品',
        text: '固态预混料系列产品是一类在饲料行业中应用广泛的高效饲料添加剂。这些产品以其均匀的颗粒和方便的混合特性，成为了现代畜禽养殖中的重要组成部分。固态预混料融合了各种营养成分，包括维生素、矿物质、氨基酸等，为动物提供全面的营养保障，促进其健康成长。其精确的配比和易于储存的特点，使其成为了饲养业提升生产效率、提高养殖产能的不可或缺的一环。蒂业生物的固态预混料系列产品经过严格的质量控制和科研验证，为养殖户提供了一流的养殖解决方案，助力动物健康、产业发展',
        images: [
            await import('@/assets/images/hot_product/9.jpg'),
            await import('@/assets/images/hot_product/10.jpg'),
            await import('@/assets/images/hot_product/11.jpg'),
            await import('@/assets/images/hot_product/12.jpg')
        ]
    }
]

export default function HotProductCard() {
    return (
        <div>
            {/* <img src={arr[0].images[0].default} /> */}
            <div className="hot_product_card">
                {arr.map((item, index) => {
                    return (
                        <div className="card" key={index}>
                            <div className="card_title">{item.name}</div>
                            <div className="card_text">{item.text}</div>
                            <div className="card_images">
                                {item.images.map((item, index) => {
                                    return (
                                        <img src={item.default} key={index} alt="" />
                                    )
                                })}
                            </div>
                        </div>
                    )
                })}
            </div>
        </div>
    )
}
